.ballance_account_opended-content {
	width: 100%;
	min-height: 100%;
	background: #ffffff;
	position: relative;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	.xhb-account-opended-page-noticeBar{
		.am-notice-bar {
			background-color: #fff7ea;
			height: 0.6rem;
			overflow: hidden;
			font-size: 0.24rem;
			line-height: 0.6rem;
			color: #f76a24;
			display: flex;
			width: 100%;

			.am-notice-bar-content {
				flex: 1 1;
				width: 100%;
				width: auto;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				color: #f5a623;
			}
		}
	}
	.content-box {
		flex: 1;
	}
	.footer-box {
		text-align: center;
		margin: 0.3rem 0rem;
		background: #ffffff;
		img {
			display: inline-block;
			width: 2.46rem;
		}
	}
	.account_opended-top-box {
		width: 100%;
		height: 7.5rem;
		background: linear-gradient(180deg, #BC9A67 0%, rgba(213, 177, 136, 0) 100%);;
		padding-top: 0.26rem;
		box-sizing: border-box;
		.content-box {
			width: 6.9rem;
			// height: 7.02rem;
			background: #ffffff;
			box-shadow: 0px 0.04rem 0.4rem 0px rgba(0, 0, 0, 0.11);
			border-radius: 0.2rem;
			margin: 0px auto;
			padding-top: 0.34rem;
			box-sizing: border-box;
			.huatong-title{
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 0rem 0.3rem;
				.huatong-title-left{
					display: flex;
					align-items: center;
					justify-content: flex-start;
					img{
						width: 0.32rem;
						height: 0.42rem;
						margin-right: 0.14rem;
					}
					span{
						color: #B17C52;
						font-size: 0.32rem;
						margin-top: 0.05rem;
					}
				}
				.title-number{
					font-size: 0.28rem;
					color: #BC9A67;
				}
			}
			.sub-title {
				font-size: 0.28rem;
				color: #545454;
				margin-top: 0.36rem;
				display: flex;
				align-items: center;
				justify-content: center;
				img{
					width: 0.28rem;
					height: 0.24rem;
					margin-left: 0.12rem;
				}
				.eye_off_line{
					width: 0.28rem;
					height: 0.28rem;
					margin-left: 0.12rem;
				}
			}
			.money {
				font-size: 0.8rem;
				font-weight: bold;
				margin-top: 0.2rem;
				display: inline-block;
				vertical-align: middle;
				img {
					width: 0.2rem;
					margin-left: 0.14rem;
					vertical-align: middle;
					display: inline-block;
				}
				span {
					vertical-align: middle;
					display: inline-block;
					font-weight: bold;
					color: #302E2F;
					font-family: PingFangSC-Medium, PingFang SC;
				}
			}
			.buttons-box {
				display: flex;
				justify-content: space-around;
				margin-top: 0.35rem;
				padding: 0rem 0.4rem;
				span {
					font-size: 0.28rem;
					font-weight: bold;
				}
				.button {
					width: 2.4rem;
					height: 0.72rem;
					line-height: 0.72rem;
					background: rgba(213, 177, 136, 0.2);
					border-radius: 0.36rem;
					color: #C18256;
				}
				.button:nth-child(2) {
					background-color: #BC9A67;
					color: #ffffff;
				}
			}
			.active-box{
				display: flex;
				justify-content: center;
				width: 100%;
				margin-top: 0.6rem;
				.active{
					background-image: url('https://jrcdn.yonghui.cn/yh_supermarket_sdk/yhLife/xhb/xhb_noSign_banner.png');
					background-repeat: no-repeat;
					background-size: 100% 100%;
					width: 6.5rem;
					height: 2.52rem;
					position: relative;
					margin-bottom: 0.2rem;
					.tag{
						position: absolute;
						width: 0.84rem;
						height: 0.4rem;
						background: linear-gradient(90deg, #FFE9B4 0%, #FFD87B 100%);
						border-radius: 0.2rem 0.2rem 0.2rem 0rem;
						font-size: 0.26rem;
						text-align: center;
						line-height: 0.4rem;
						top: 0.1rem;
						right: -0.1rem;
						color: #9A7A49;
						box-shadow: 0rem 0.08rem 0.08rem 0rem rgba(220, 150, 66, 0.25);
					}
				}	
			}
			.swiper-banner-box{
				margin-top: 0.6rem;
				padding-bottom: 0.2rem;
			}
		}
	}
	.nav-box {
		margin-top: 0.16rem;
		overflow: hidden;
		box-sizing: border-box;
		padding: 0px 0.3rem;
		.nav-item {
			float: left;
			width: 25%;
			text-align: center;
			margin-top: 0.44rem;
			position: relative;
			.img {
				width: 0.56rem;
			}
			.name {
				font-size: 0.24rem;
				font-weight: bold;
				color: #302E2F;
				margin-top: 0.16rem;
			}
			.tag{
				position: absolute;
				width: 0.72rem;
				height: 0.32rem;
				background: linear-gradient(90deg, #FF4440 0%, #F82633 100%);
				border-radius: 0.2rem 0.2rem 0.2rem 0rem;
				font-size: 0.2rem;
				text-align: center;
				line-height: 0.32rem;
				top: -0.25rem;
				right: 0rem;
				color: #ffffff;
				z-index: 10001;
			}
		}
	}
	.column-box {
		margin-top: 0.8rem;
		.subtitle {
			margin-left: 0.3rem;
			font-size: 0.36rem;
			font-weight: bold;
			color: #333333;
		}
	}
}
